// 实时显示时间组件
<template>
	<div id="time">
		{{current_time}}
	</div>
</template>

<script>
	export default {
		name: "Time",
		data() {
			return {
				timer: "", //定义一个定时器的变量
				current_time: new Date(), // 获取当前时间
			}
		},
		created() {
			var vm = this;
			vm.timer = setInterval(() => {
				var y = new Date().getFullYear();
				var m = vm.appendZero(new Date().getMonth() + 1);
				var d = vm.appendZero(new Date().getDate());
				var hour = vm.appendZero(new Date().getHours());
				var minute = vm.appendZero(new Date().getMinutes());
				var second = vm.appendZero(new Date().getSeconds());
				//修改数据date
				vm.current_time = y + "-" + m + '-' + d + ' ' + hour + ':' + minute + ':' + second;
			}, 1000);
		},
		methods: {
			//时间过滤加0
			appendZero(obj) {
				if (obj < 10) {
					return "0" + obj;
				} else {
					return obj;
				}
			},
		},
		// 在Vue实例销毁前，清除我们的定时器
		beforeUnmount() {
			if (this.timer) {
				clearInterval(this.timer);
			}
		}
	}
</script>

<style>
</style>
